<!DOCTYPE html>
<?PHP
//require ("Conn.php");
//require ("\php_progresos.php"); 
//require ("\php_rgr0.php");
require ("\XML.php");
?> 


<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <link rel="shortcut icon" href="Images/oracle-Icon.png"/>   
        <title>Monitor I</title> 
        <meta charset="UTF-8"/>
        <meta name="author" content="GrupoDesarrollador"/>
        <meta name="keywords" content="test"/>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <!-- Scripts -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<!--        <script src="jquery/jquery-1.11.1.js"></script> 
        <script src="jquery/jquery-ui-1.11.1/jquery-ui.min.js"></script> -->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>

        <script src="creaDiv.js" type="text/javascript"></script>
        <script src="inicio.js" type="text/javascript"></script>
        <script src="Login.js" type="text/javascript"></script>
        <script src="TablaTablespace1.js" type="text/javascript"></script>
        <script src="Tabbed_Panel.js" type="text/javascript"></script> 
        <script src="js_chart.js" type="text/javascript"></script> 
        <script src="DivPrincipal.js" type="text/javascript"></script>
        <script src="DivConfiguracion.js" type="text/javascript"></script>
        <script src="DivExportar.js" type="text/javascript"></script>
        <script src="DivGrafico.js" type="text/javascript"></script>
        <script src="DivHistoricos.js" type="text/javascript"></script>
        <script src="DivPrincipal.js" type="text/javascript"></script>
        <script src="DivPronosticos.js" type="text/javascript"></script>
        <script src="CallProcedure1.js" type="text/javascript"></script>
        <script src="CallProcedure2.js" type="text/javascript"></script>
        <script src="Auxiliares.js" type="text/javascript"></script> 
        <script src="js_valores_graficos.js" type="text/javascript"></script> 
        <script src="cpu_ram_chart.js" type="text/javascript"></script>
        <script src="cpu_ram_gauge.js" type="text/javascript"></script>
        <script src="SGA_chart.js" type="text/javascript"></script>
        <!--CSS-->
        <link rel= "stylesheet" href="CSS/Estilo.css"/>
        <link rel= "stylesheet" href="CSS/Tabbed_Panel.css"/>
        <link rel= "stylesheet" href="CSS/css_popup.css"/>
        <link rel= "stylesheet" href="CSS/css_tables.css"/>
        <link rel= "stylesheet" href="CSS/pgrs_br.css"/>
        <link rel= "stylesheet" href="CSS/form.css"/>
        <link rel= "stylesheet" href="CSS/css_PopUpGrafico.css"/>
        <link rel= "stylesheet" href="CSS/estiloRamCpu.css"/>
        
        


    </head>

    <body> 

        <div id="wrapper">
            <div  id="header">       </div>

            <div id="main">  
             <!--<button id="btPrueba" onclick="MuestaGrafico()"   class="boton">PRUEBA</button> -->

              <!--INICIO DEL TABBED_PANEL-->

                <div id="tabbed_section">
                    <div id="menu">
                        <ul id="ul_tabs">
                            <li class="lh" id="t1" class="encabezado" onClick="change('tab1')">
                                Principal
                            </li>
                            <li class="lh" id="t2" class="encabezado" onClick="change('tab2')">
                                Rendimiento
                            </li>
                            <li class="lh" id="t3" class="encabezado" onClick="change('tab3')">
                                Configuración
                            </li>
                        </ul>
                    </div>


                </div>


                <!-- Divs  -->

                <div id="Display_content" onload="change('h1')">

                    <div id="divPrincipal" class="pestana">  

                        <div class="divScroll"> 
                            <select id ="rowAdder"><option>default</option></select> 
                            <img src="Images/add.png" id="imgAdder" onclick="addNuevaRow()"></img>
                            <table id="tablaPRC1" style="width:90%">
                                <caption>DB Tablespaces</caption>
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Time Left</th>
                                    </tr> 
                                </thead>
                                <tbody>
                                   <?php echo CargaXML(Array()); ?> 
                                </tbody>

                            </table>
                        </div>

                    </div>


                    <div id="divHistorico" class="pestana">
                        
                        
            <!--
             <button id="btPrueba" onclick="RedimnesionarTablespace('JUAN')"   class="boton">PRUEBA</button> -->
                        
                        
                    </div>

                    <div id="divConf" class="pestana"></div>

                </div>

            </div>

            <div id= "footer">      </div>     
        </div>

    </body>
</html>
